<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>管理模块--客户公海</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/orderManage/user/userOrderDetail.css">
</head>
<body>
<div class="titleNav">
    <h1>whetherIncludedAchievement</h1>
</div>
<!--产品订单表主键-->
<input type="hidden" id="productOrderId" name="productOrderId" th:value="${productOrderId}"/>
<div class="titleNavTwo">
    <table>
        <tr>
            <td>编号：<span class="text" th:text="1"></span></td>
            <td>合同编号：<span class="text" th:text="2"></span></td>
            <td>订单状态：未完成</td>
        </tr>
        <tr>
            <td>客户名称：xxx有限公司</td>
            <td>订单所有人：张三</td>
            <td>所属分公司：xxx分公司</td>
            <td>创建日期：2021.03.05</td>
        </tr>
    </table>
    <hr>
    <div class="subtitle">
        <p>产品详情</p>
        <table id="userOrderDetail"></table>
    </div>
    <div style="height: 22px"></div>
    <div class="subtitle">
        <p class="pTag">活动产品</p>
        <table id="userOrderDetailTwo"></table>
    </div>
    <div style="height: 22px"></div>
    <div class="TableHalf">
        <div class="TableHalfOne">
            <p>赠品详情</p>
            <table id="userOrderDetailTri"></table>
        </div>
        <div class="TableHalfTwo">
            <p>附加费用</p>
            <div>金额：456415451</div>
            <div>费用备注：xxx学习家属费用</div>
        </div>
    </div>
    <div style="height: 22px"></div>
    <div class="indentAmount">
        <p>订单金额</p>
        <div>订单总金额：454154122</div>
        <div>订单实际成交金额：4564135554</div>
    </div>
    <div style="height: 22px"></div>
    <div class="ReviewDetails">
        <p>审批详情</p>
        <table>
            <tr>
                <td>特批合同订单：是</td>
                <td>当前审核状态：审核通过</td>
                <td style="width: 700px">审核备注：xxx备注</td>
            </tr>
            <tr>
                <td>审核人：xxx审核</td>
                <td>审核日期：2021.03.03</td>
            </tr>
        </table>
    </div>
</div>
<div style="height:1px"></div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<script type="text/javascript" src="/js/userOrderDetail/user/userOrderDetail.js"></script>
<script type="text/javascript" src="/js/userOrderDetail/user/userOrderDetailTwo.js"></script>
<script type="text/javascript" src="/js/userOrderDetail/user/userOrderDetailTri.js"></script>
</html>